
<template>
  <div>
   <!-- 头部 -->
   <shopingHeader></shopingHeader>
   <!-- 身体 -->
   <shopingItem></shopingItem>
   <!-- 底部 -->
   <shopingFooter></shopingFooter>
  </div>
 </template>
 <script>
 import shopingFooter from './shoping/shoping-footer.vue';
 import shopingHeader from './shoping/shoping-header.vue';
 import shopingItem from './shoping/shoping-item.vue';
 export default{
     name:'',
     components:{
       shopingHeader,
       shopingItem,
       shopingFooter
     },
     data () {
         return {
             
         }
     },
     created () {
     },
     computed:{
     },
     methods:{
     }
 }
 </script>
 <style lang='less'  scoped>
     
 </style>
 